<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%String contextRoot = request.getContextPath();%>
<f:loadBundle basename="properties.messages" var="msg"/>
<f:view>
<!doctype html>
<html>
<head>
	<%@ include file="include/meta.jsp" %>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  	<title>SISDEP : Sistema de Informaci<h:outputText value="#{msg.tilde_o}" />n de Espacio P<h:outputText value="#{msg.tilde_u}" />blico</title>
	<meta name="description" content=""/>
	<meta name="author" content=""/>		     
	<link rel="stylesheet" href="<%=contextRoot%>/css/validationEngine.jquery.css" type="text/css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/template.css" type="text/css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/normalize.css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/uniform.css"> <!-- estilos formularios -->
	<link rel="stylesheet" href="<%=contextRoot%>/css/cuerpo.css">	
	<link rel="stylesheet" href="<%=contextRoot%>/css/richCustom.css">	
</head>
<body>
<div id="marco"> <!--inicio contenedor --> 
<div class="arriba-cuerpo"></div> <!-- Burrada pa ver borde redondo en IE -->
<div class="cuerpo">
<a href="<%=contextRoot%>/index.jsf"><img src="<%= contextRoot %>/images/logos.png" /></a>
<div class="clear"></div>
<!-- Menu y Usuario init() -->
<%@ include file="include/menuUsuario.jsp" %>
<!-- Menu y Usuario end() -->
<div class="clear"></div>

<!-- Formulario --> 
<div id="buscador">
	<h2>Consulta de Permisos Otorgados</h2>
	<h:form id="solicitudPermisoSearchForm">
		<span class="left">
			<label>id <span class="asterisco">*</span></label>
					<h:inputText id="id" size="9" maxlength="9" styleClass=""
						value="#{solicitudPermisoController.solicitudPermisoSearch.id}" />
		</span>
		<span class="left">
			<label>idSolicitud <span class="asterisco">*</span></label>
					<h:inputText id="idSolicitud" size="9" maxlength="9" styleClass=""
						value="#{solicitudPermisoController.solicitudPermisoSearch.idSolicitud}" />
		</span>
		<span class="left">
		<label>numeroPermiso <span class="asterisco">*</span></label>
				<h:inputText id="numeroPermiso" size="9" maxlength="9" styleClass=""
						value="#{solicitudPermisoController.solicitudPermisoSearch.numeroPermiso}" />
		</span>
	
		<div class="clear" style="margin-left: 400px;"></div>
		<div class="clear"></div>
		(<span class="asterisco"> * </span>) : Campo Obligatorio
		<div class="clear"></div>
		
		<span class="left inline" style="margin-left: 0px;">
			<h:commandButton id="solicitudPermisoSearchButton"
				styleClass="botonsmall"
				type="submit" 
				value="Buscar" 
				ondblclick="return false;" 
				action="#{solicitudPermisoController.searchSolicitudPermisoByKey}" >
			</h:commandButton>
		</span>
	</h:form>
</div>
<!-- Fin formulario --> 

<div class="clear"></div>

<!-- TABLA DE PAGINACION DE RESULTADOS --> 
<div id="buscador">	
	<h:form id="solicitudPermisoResultsForm">		
		<div class="clear"> <br/><br/> <!-- SEPARADOR DOBLE --> 
			<label>Resultados de la Consulta de SolicitudPermiso:</label>
			  <rich:dataTable id="solicitudPermisoData" styleClass="scrollerTable" headerClass="standardTable_Header"
			         border="0" cellpadding="3" cellspacing="1" 
			         footerClass="standardTable_Header" rowKeyVar="rowIndex"
			         rowClasses="tablamultiregistrotr1,tablamultiregistrotr2"
			         onRowMouseOver="this.style.backgroundColor='#C0C0C0'"
					 onRowMouseOut="this.style.backgroundColor='#FFFFFF'"
			         var="solicitudPermisoRow" value="#{solicitudPermisoController.solicitudPermisoListModel}"
					 rows="10" >
				<h:column>
					<f:facet name="header">
					<h:outputText value="EDITAR" />
					</f:facet>
					<a4j:commandLink id="updateSolicitudPermiso" styleClass="formTextLink"
					               title="Ver Detalle..."				                                   
					               action="#{solicitudPermisoController.updateSolicitudPermiso}" reRender="groupTable">
						<f:param name="solicitudPermisoDataIndex" value="#{rowIndex}" />
						<h:graphicImage value="/images/edit_icon.png" style="border: 0px solid #FFFFFF;" />
					</a4j:commandLink>
				</h:column>
				<h:column>
					<f:facet name="header" ><h:outputText value="numeroPermiso" /></f:facet>
					<h:outputText value="#{solicitudPermisoRow.numeroPermiso}" />
				</h:column>
				<h:column>
					<f:facet name="header" ><h:outputText value="usuarioModifica" /></f:facet>
					<h:outputText value="#{solicitudPermisoRow.usuarioModifica}" />
				</h:column>
				<h:column>
					<f:facet name="header" ><h:outputText value="fechaModifica" /></f:facet>
					<h:outputText value="#{solicitudPermisoRow.fechaModifica}" />
				</h:column>
			</rich:dataTable>
			<h:panelGrid columns="1" styleClass="tablapaginacion"
			                   columnClasses="standardTable_ColumnCentered" >
				<rich:datascroller id="solicitudPermisoScroll"
				        for="solicitudPermisoData"
				        fastStep="10"
				        pageIndexVar="pageIndex"
				        styleClass="scroller"
				        maxPages="9" >
					<f:facet name="first" >
						<h:graphicImage url="/images/arrow-first.gif" />
					</f:facet>
					<f:facet name="last">
						<h:graphicImage url="/images/arrow-last.gif" />
					</f:facet>
					<f:facet name="previous">
						<h:graphicImage url="/images/arrow-previous.gif" />
					</f:facet>
					<f:facet name="next">
						<h:graphicImage url="/images/arrow-next.gif" />
					</f:facet>
					<f:facet name="fastforward">
						<h:graphicImage url="/images/arrow-ff.gif" />
					</f:facet>
					<f:facet name="fastrewind">
						<h:graphicImage url="/images/arrow-fr.gif" />
					</f:facet>
				</rich:datascroller>
			</h:panelGrid>					        
		</div>
	</h:form>
</div>
<!-- Fin tabla --> 
<div class="clear"></div>
</div>
<div class="abajo-cuerpo"></div> <!-- Burrada pa ver borde redondo en IE -->
</div> <!-- Fin contenedor -->
<div class="footer"></div>
<script src="<%=contextRoot%>/js/jquery/lib/jquery-1.7.2.min.js"></script><!-- De ser 1ro -->
<script src="<%=contextRoot%>/js/script.js" type="text/javascript"></script><!-- De ser 2do -->
<script src="<%=contextRoot%>/js/jquery/lib/jquery.uniform.min.js"></script> <!-- formularios --> 
<script src="<%=contextRoot%>/js/jquery/lib/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
<script src="<%=contextRoot%>/js/jquery/lib/jquery.validationEngine-es.js" type="text/javascript" charset="utf-8"></script>
<script src="<%=contextRoot%>/js/jquery.maskedinput-1.3.js" type="text/javascript"></script> <!-- Quitar si no se usan fechas -->
<script src="<%=contextRoot%>/js/sisdep.js" type="text/javascript"></script> <!-- Quitar si no se usan funciones custom -->
<script type="text/javascript">
jQ(document).ready(function() {
	jQ("input, select, input:checkbox, input:radio, input:file").uniform();
	jQ("#solicitudPermisoSearchForm").validationEngine('attach');
	jQ("#solicitudPermisoSearchForm").bind("jqv.form.result", function(event, errorFound) {
        if(!errorFound) displayLoadingImage();
    });
  // jQ(".fechaXX").mask("99/99/9999");
});
</script>
<%@ include file="include/validationStatus.jsp" %>
<%@ include file="include/modalMessageWindow.jsp" %>	
</body>
</html>
</f:view>
